<template>
  <div class="List">
    <compTitle>{{ obj.name }}</compTitle>
    <horizontalList
      :childrenList="obj.list"
      ::isAudio="isAudio"
      @gocontent="gocontent"
    ></horizontalList>
  </div>
</template>

<script>
import horizontalList from "@/components/horizontalList";
import compTitle from "@/components/compTitle";
export default {
  props: {
    obj: {
      type: Object,
      default() {
        return null;
      },
    },
    isAudio: {
      type: Boolean,
      default: false,
    },
  },
  components: {
    horizontalList,
    compTitle,
  },
  methods: {
    gocontent(obj) {
      this.$emit("gocontent", obj);
    },
  },
};
</script>

<style lang="scss" scoped>
.List {
  width: 100%;
  height: 100%;
}
</style>
